<template>
    <div class="home pb-5">
        主页<br>
        这里可以是一些个人简介或者有趣的东西<br>
        点击左侧标签可以跳到某类列表页中<br>
        <NInputGroup>
            <NInput />
            <NButton strong secondary type="primary" :render-icon="() => h(Search)" @click="search">
                全局搜索(搜素完跳转到列表页，并激活名称为“全部”的标签)
            </NButton>
        </NInputGroup>
        <br>
        注：这里要考虑，纯前端能否支持这样的搜索，甚至是全文检索
    </div>
</template>

<script setup lang="ts">
import { Search } from '@vicons/tabler';
import { h } from 'vue';
import { useRouter } from 'vue-router';

const router = useRouter();

const search = () => {
    router.push({ name: 'List' });
};
</script>

<style scoped lang="scss">
.home {
    height: calc(100% - 1.25rem);
}
</style>
